<template>
	<view>
		
		<view class="h-160"></view>
		<view class="roww rowsa poab w-750" style="position: fixed;bottom: 0rpx;background-color: white;padding-top:20rpx ;z-index: 999999999;">
			<image @click.stop="toInfo(1)" :src="index==1?icons[0][1]:icons[0][0]" class="w-60" mode="widthFix"></image>
			<image @click.stop="toInfo(2)" :src="index==2?icons[1][1]:icons[1][0]" class="w-60" mode="widthFix"></image>
			<image @click.stop="toInfo(3)" :src="index==3?icons[2][1]:icons[2][0]" class="w-160 pore" style="top: -50rpx;" mode="widthFix"></image>
			<image @click.stop="toInfo(4)" :src="index==4?icons[3][1]:icons[3][0]" class="w-60" mode="widthFix"></image>
			<image @click.stop="toInfo(5)" :src="index==5?icons[4][1]:icons[4][0]" class="w-60" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"tabbars",
		props:{
			index: {
				type: Number,
				value: 1
			},
		},
		data() {
			return {
				icons:[
					['/static/Group 95.png','/static/Group 40.png'],
					['/static/Group 44.png','/static/Group 401.png'],
					['/static/Group 45.png','/static/Group 45.png'],
					['/static/Group 42.png','/static/Component 18.png'],
					['/static/Group 43.png','/static/Component 19.png']
				]
			};
		},
		methods:{
			toInfo(index1){
				if(index1!=this.index){
					var paths=[
						'/pages/index/index',
						'/pages/index2/index2',
						'/pages1/fabu/fabu',
						'/pages/index4/index4',
						'/pages/index5/index5',
					]
					uni.navigateTo({
						url:paths[index1-1]
					})
				}
			}
		}
	}
</script>

<style>
page{
}
</style>